<template class="homemain">
  <Row class="homeRow">
    <Col span="7">
        <notice></notice>
        <personnel></personnel>
    </Col>
    <Col span="10">
        <div><img src="static/gong7.jpg" alt="工厂地图" style="width:100%;height:100%;"></div>
    </Col>
    <Col span="7">
        <production></production>
        <yield></yield>   
     </Col>
    </Row>
</template>
<script>
export default {
  name: 'tabviews',
  components: {
    'notice': () => import('views/home/components/notice'), //  警告
    'personnel': () => import('views/home/components/personnel'), // 岗位人员信息
    'production': () => import('views/home/components/production'), // 生产状态
    'yield': () => import('views/home/components/yield') // 生产产量
  }
};
</script>
<style scoped>
.homemain{
    min-width: 1280px;
}
.homeRow{
    height: 100%;
     
}
.homeRow>div{
    height: 100%;
    padding: 10px;
}
.homeRow>div>div{
    min-height: 48%;
    height: auto;
    background: rgb(224, 233, 238);
}
.homeRow>div:nth-of-type(2)>div{
    height: 100%;
}
</style>